<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>畅销书排行榜</title>
		<style>
			body{
				width: 300px;
				height: 500px;
				background-size:auto;
				
			}
			div{
				background: linear-gradient(#F9FBCB,#F8F8F3);
				font-size: 12px;
				
				
			}
			a:hover{
				text-decoration: underline;
			}
			a{
				text-decoration: none;
				color: #1A66B3;
				
			}
			
			h2{
				font-size: 16px;
				text-indent: 1em;
				background-color: #518700;
			}
			li{
				text-indent: 2em;
				line-height: 28px;
			}
			.d1{
				background: url(../img/book_no01.gif);
				background-repeat: no-repeat;
				
				background-position-y: center;
			}
			.d2{
				background: url(../img/book_no02.gif);
				background-repeat: no-repeat;
				
				background-position-y: center;
			}
			.d3{
				background: url(../img/book_no03.gif);
				background-repeat: no-repeat;
				
				background-position-y: center;
			}
			.d4{
				background: url(../img/book_no04.gif);
				background-repeat: no-repeat;
				
				background-position-y: center;
			}
			.d5{
				background: url(../img/book_no05.gif);
				background-repeat: no-repeat;
				
				background-position-y: center;
			}
			.d6{
				background: url(../img/book_no06.gif);
				background-repeat: no-repeat;
				
				background-position-y: center;
			}
			.d7{
				background: url(../img/book_no07.gif);
				background-repeat: no-repeat;
				
				background-position-y: center;
			}
			.d8{
				background:url(../img/book_no08.gif);
				background-repeat: no-repeat;
				
				background-position-y: center;
			}
			.d9{
				background: url(../img/book_no09.gif);
				background-repeat: no-repeat;
				
				background-position-y: center;
			}
			.d10{
				background: url(../img/book_no10.gif);
				background-repeat: no-repeat;
				
				background-position-y: center;
			
			}
			
		</style>
	</head>
	<body>
		<div>
		<p>
			<h2><span>畅销书排行榜<img src="../img/bang.gif" /></span></h2>
			
		</p>
		<p>
			<ul type="none">
				<li class="d1"><a href="#" target="_blank">不抱怨的世界(畅...</a></li>
				<li class="d2"><a href="#" target="_blank">遇见未知的自己...</a></li>
				<li class="d3"><a href="#" target="_blank">活法（季羡林、...</a></li>
				<li class="d4"><a href="#" target="_blank">高效能人士的七个习惯.</a></li>
				<li class="d5"><a href="#" target="_blank">被迫强大（北外女生香奈儿..</a></li>
				<li class="d6"><a href="#" target="_blank">遇见心想事成的自己（《遇...</a></li>
				<li class="d7"> <a href="#" target="_blank">世界上最伟大的推销员（插...</a></li>
				<li class="d8"><a href="#" target="_blank">我的成功可以复制（唐骏亲...</a></li>
				<li class="d9"><a href="#" target="_blank">少有人走的路：心智成熟的...</a></li>
				<li class="d10"><a href="#" target="_blank">活出全新的自己——唤醒...</a></li>
			</ul>
		</p>
		</div>
	</body>
</html>
